{% extends "base.html" %}
{% block title %} Список грузов {% endblock %}

{% block css-js %}
    {#    {% load static %}#}
    {#    <script src="{% static '' %}"></script>#}
{% endblock %}

{% block content %}

    <div class="centered m-3">
        <table class="table border border-dark">
            <thead>
            <tr>
                <th scope="col">уникальный номер</th>
                <th scope="col">локация</th>
                <th scope="col">грузоподьемность</th>
            </tr>
            </thead>
            <tbody>
            <div class="card, overflow-y-scroll tabindex=0 ">
                <ul class="card-text" id="my-table" data-bs-spy="scroll" data-bs-target="#navbar-example3" data-bs-offset="0" tabindex="0">
                    {% if cars %}
                        {% for foo in cars %}
                            <tr>
                                <td><a href="../car/{{ foo.id }}">{{ foo.unique_car_number }}</a></td>
                                <td>{{ foo.current_location }}</td>
                                <td>{{ foo.payload_type }}</td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                </ul>
            </div>
            </tbody>
        </table>
    </div>

{% endblock %}